<ion-header>
    <ion-toolbar color="primary">
        <ion-buttons slot="start">
            <ion-back-button text=""></ion-back-button>
        </ion-buttons>
        <ion-title>产品档案</ion-title>
        <ion-buttons slot="end" style="margin-right: 16px" (click)="openPopover($event)">
            <img src="assets/application/scan/更多.png">
        </ion-buttons>
    </ion-toolbar>
    <ion-toolbar>
        <!-- tab标签页-ionic -->
        <ion-segment (ionChange)="segmentChanged($event)" [value]="selectTab">
            <ion-segment-button value="productDocumentation">
                <ion-label>产品文档</ion-label>
            </ion-segment-button>
            <ion-segment-button value="backupList">
                <ion-label>备件清单</ion-label>
            </ion-segment-button>
            <ion-segment-button value="assetRecord">
                <ion-label>资产记录</ion-label>
            </ion-segment-button>
        </ion-segment>
    </ion-toolbar>
</ion-header>

<ion-content class="ionContent">
    <!-- 供应商、产品相关信息 -->
    <div>
        <ion-row class="rowLine">
            <ion-label class="textEnd widthLeft">信息供应商</ion-label>
            <ion-label class="widthRight">浪潮信息</ion-label>
        </ion-row>
        <ion-row class="rowLine">
            <ion-label class="textEnd widthLeft">产品名称</ion-label>
            <ion-label class="widthRight">浪潮天梭K1 950</ion-label>
        </ion-row>
        <ion-row class="rowLine">
            <ion-label class="textEnd widthLeft">出厂编号</ion-label>
            <ion-label class="widthRight">CCBH001</ion-label>
        </ion-row>
        <ion-row class="rowLine">
            <ion-label class="textEnd widthLeft">唯一标志码</ion-label>
            <ion-label class="widthRight">202010290001</ion-label>
        </ion-row>
    </div>

    <!-- 产品文档卡片列表 -->
    <div *ngIf="selectTab==='productDocumentation'">
        <app-product-documentation></app-product-documentation>
    </div>
    <!-- 备件清单卡片列表 -->
    <div *ngIf="selectTab==='backupList'">
        <app-backup-list></app-backup-list>
    </div>
    <!-- 资产记录卡片列表 -->
    <div *ngIf="selectTab==='assetRecord'">
        <app-asset-record></app-asset-record>
    </div>

</ion-content>
